<template>
  <div class="whole-box">
  	<div class="firtitle">
  	    <h5 class="text1">
  	            <i class="fa fa-cube"></i> 原创试题
  	        </h5>
  	        <p class="text2">
  	           快速生成您高质量的试题！
  	        </p>
  	</div>
	<div class="panel-body-1">
		<div class="panel-heading">
			<div class="btn-group">
			    <el-button type="primary" plain size="small" @click="back">返回</el-button> 
			</div>
			<div class="text3">
				<i class="fa fa-fw fa-th"></i>试题详情
			</div>
		</div>
		<div class="demo-type">
			<el-avatar :size="60" src="https://empty" @error="errorHandler">
				<img src="https://cube.elemecdn.com/e/fd/0fc7d20532fdaf769a25683617711png.png"/>
			</el-avatar>
			<i class=""></i>张鹏
			
		<div class="question" id="UEtor1">
		    <label class="xrequired">题目内容:</label>
		    
		</div>
		<div class="answer1" id="UEtor2">
		    <label class="xrequired">答案解析:</label>
		    
		</div>
		<div class="answer" id="UEtor3">
		    <label class="xrequired">答案:</label>
		    
		</div>
		<div class="level">
				<label class="xrequired2">难度:</label>
		</div>
		<div class="obj1">
			    <label class="xrequired3">适用对象:</label>
		</div>
	</div>
	</div>
	<el-divider></el-divider>
	 
  </div>
</template>

<script>
export default {
	 
  name: 'ViewQuestion',
  components: {},
  methods: {
	      errorHandler() {
	        return true
	      },
  data() {
    return {

    }
  }
},
}
</script>

<style scoped>
    .whole-box {
	  width: 100%;
	  display: flex;
	  flex-direction: column;
	  overflow: auto;
	}
	.firtitle {
	 margin:20px 0;
	 background-color: white;
	 border: 1px solid transparent;
	 border-radius: 3px;
	 padding: 15px 0 15px 15px;
	 -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.125);
	 box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.125);
	 text-align: left;
	}
	.xrequired .xrequired1 .xrequired2 .xrequired3 .text4 {
	    display: inline-block;
	    max-width: 100%;
	    margin-bottom: 5px;
	    font-weight: bold;
	}
	.question{
		
		padding:0px 0px 10px 15px;
	}
	.answer{
		
		padding:0px 0px 10px 15px;
	}
	.answer1{
		padding:0px 0px 10px 15px;
		
	}
	.level{
		float: left;
		margin-left: 15px;
		
	}
	.obj1{
		float: left;
		margin-left: 15px;
		
	}
	.text1 {
	  font-size: 14px;
	  font-weight: 400;
	  color: black;
	  margin: 0 0 0 0;
	}
	.panel-heading {
	  border-bottom: 1px solid #eeeeee;
	  padding: 15px 0 15px 15px;
	}
	.text2 {
	  font-size: 10px;
	  color: #777777;
	  margin: 0 0 0 0;
	}
	.text3 {
	  font-size: 18px;
	  font-weight: 500;
	  margin: 0 0 0 0;
	}
	.btn-group {
	   float: right;
	   margin-right: 15px;
	}
	.panel-body-1 {
			margin-bottom: 20px;
			background-color: white;
			border: 1px solid transparent;
			border-radius: 3px;
			-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.125);
			box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.125);
			text-align: left;
	}
	.demo-type{
			border-bottom: 1px solid #eeeeee;
			padding: 15px 0 15px 15px;
	}
	
</style>
